<!doctype html>
<html lang="en-us">
<head>
	<style>
		body {
			padding: 20px;
			background-color: #ffffc9
		}

		p {
			margin: 0;
		}
	</style>
</head>
<body>
	C# output:
	<br>
	<textarea rows="10" cols="100" id="output"></textarea>
	<br>
	<button type="button" onclick="App.onClick()" id="button" disabled="true">Run</button>
	<br>

	<p><button onclick="App.geoFindMeCSharp()">Show my location</button></p>
	<div id="out"></div>

	<script type='text/javascript'>var App = {
			onClick: function () {
				this.output.value = "...";
				var res = this.int_add (1, 2);
				this.output.value = res;
			},

			init: function () {
				this.int_add = Module.mono_bind_static_method ("[sample] Math:IntAdd");
				this.output = document.getElementById ("output");
				this.button = document.getElementById ("button");

				this.button.disabled = false;

				// initialize geolocation sample
				BINDING.call_static_method("[sample] GeoLocation.Program:Main", []);
			},
            geoFindMeCSharp: function () {
                BINDING.call_static_method("[sample] GeoLocation.Program:GeoFindMe", [ document.getElementById("out") ]);
            }
		};

        // Called from C# passing in the mime type of the image and the
        // image data converted from byte array to base64
        function showMyPosition (mimeType, imageData)
        {
            var output = document.getElementById("out");

            var img = new Image();
            img.src = "data:" + mimeType + ";base64," + imageData;

            output.appendChild(img);

        }
    </script>
	<script type="text/javascript" src="runtime.js"></script>
	<script async type="text/javascript" src="dotnet.js"></script>
</body>
</html>